.navbar__immersive {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 998;
    background-color: #fff;
    transition: all 0.5s ease;

    &:global(.blur) {
        backdrop-filter: saturate(180%) blur(20px);
        background-color: #ffffffb7;
    }

    &:global(.immer) {
        top: calc(var(--navbar-content-height) * -1px);
    }
}
